.Message {
  overflow: hidden;
  .title-box {
    position: relative;
    text-align: center;
    color: var(--word-primary);
    font-size: 32px;
    padding: 32px 0;
    border-bottom: 1px solid var(--word-primary-dark);
    background: var(--primary);

    .create-chat {
      position: absolute;
      right: 32px;
      top: 50%;
      transform: translate3d(0, -50%, 0);
      font-size: 32px;
    }
  }
  .nav-msg {
    padding: 32px 0;
    color: var(--color);
    text-align: center;
    font-size: 28px;
    .img-box {
      width: 100px;
      height: 100px;
      border-radius: 8px;
      overflow: hidden;
    }
    .text {
      padding: 20px 0;
    }
  }

  .msg-list {
    color: var(--color);
    .img-box {
      width: 100px;
      height: 100px;
      overflow: hidden;
      border-radius: 50%;
      margin-right: 20px;
    }
    .item {
      padding: 28px;
      height: 100px;
      border-bottom: 1px solid var(--line-1PX);
      .msg-tip {
        color: var(--word-primary-dark);
      }
    }
  }
}
